<template>
  <div class="body">
    <div class="row">
      <div class="col-sm-6 col-sm-offset-3 form-box">
        <div class="form-top">
          <div class="form-top-left">
            <p>您的宝贵意见对我们而言十分重要，请按照如下格式填写：</p>
          </div>
          <div class="form-top-right">
            <i class="fa fa-envelope"></i>
          </div>
        </div>
        <div class="form-bottom contact-form">
          <form role="form" action="" method="post">
            <!--<div class="form-group">-->
            <!--<input type="text" name="email" placeholder="请填写您的邮箱……" class="contact-email form-control" id="contact-email">-->
            <!--</div>-->
            <div class="form-group">
              <input type="text" name="subject" placeholder="请选择您要反馈的项目……" class="contact-subject form-control"
                     id="contact-subject">
            </div>
            <div class="form-group">
              <textarea name="message" placeholder="请填写您宝贵的意见……" class="contact-message form-control"
                        id="contact-message"></textarea>
            </div>
            <button type="submit" class="btn">发送信息</button>
          </form>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import CommonPerHeader from "../../Common/CommonReturn";

  export default {
    name: "PersonalFeedback",
    components: {CommonPerHeader}
  }
</script>

<style scoped>
  .body {
    background: whitesmoke;
    height: 100%;
    position: fixed;
    width: 100%;
  }
</style>
